<script>
export default {
  name: 'ComCellItem',
  functional: true,
  props: {
    list: Array,
    isHeader: Boolean
  },
  render(createElement, context) {
    const { props } = context
    return (
      <div class={[props.isHeader ? 'header-title' : '', 'd-flex']}>
        {props.list.map((item, i) => <div class={['cell-item', i == 2 ? 'flex-3' : 'flex-1']}>{item}</div>)}
      </div>
    );
  },
};
</script>
<style></style>
